import React, { Component } from "react";
import Item from "../Item";
import PropTypes from 'prop-types'
export default class extends Component {
  static propTypes={
    addTodo:PropTypes.func.isRequired,
    updateTodo:PropTypes.func.isRequired,
    deleteTodo:PropTypes.func.isRequired,
    }
  render() {
    const { todos ,updateTodo,deleteTodo} = this.props;
    return (
      <ul className="to-main">
        {todos.map((todo) => {
          return <Item key={todo.id}  {...todo} updateTodo={updateTodo} deleteTodo={deleteTodo}/>;
        })}
      </ul>
    );
  }
}
